<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>帖子详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<script src="../js/mui.min.js"></script>
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/iconfont.css">
		<style>
			.issuetitle{
				text-align: center;
				padding: 10px;
			}
			.icon-dianzan{
				color:#09a267;
			}
			.icon-redu{
				color:red;
			}
			.content{
				padding:30px 10px;
			}
			.topic_li{
				max-height:150px;
				padding: 8px;
				/* border:1px solid #eec; */
				box-shadow:-4px -1px 10px 1px #bfe4bf inset;/*水平阴影 垂直阴影 模糊距离 阴影大小 阴影颜色 内部阴影*/
				margin-bottom: 30px;
			}
			.comment_div{
				padding-left:10px;
				padding-right:10px;
			}
			.backimg{
				background:url(../images/background.png) no-repeat 0px 0px;
				background-size:cover;
				background-attachment: fixed;//图片不随页面滚动
			}
		</style>
	</head>
	<body>
		<div class="mui-navbar-inner mui-bar mui-bar-nav" style="background: linear-gradient(#9191ea,#fff);">
			<span id="back" class="mui-icon mui-icon-back"></span>
			<h1 class="mui-title">帖子详情</h1>
		</div>
		<div class="mui-content" id="content_area" style="padding-left:10px;padding-right:10px;"/>
		</div>
		<!-- 评论区 -->
		<div class="comment_div">
			<span id="zan" class="mui-icon iconfont icon-dianzan" style="display:flex;justify-content: flex-end;margin:10px 30px;color:#09a267;font-size:25px;"></span>
			<input id="c_content" style="width:80%;height:40px;padding:5px 10px;" placeholder="说点儿什么吧~"/><button id="c_send" style="width:20%;height:40px;background-color: #09a267;color:white;">发送</button>
			<div class="backimg" id="comment_content">
			</div>
		</div>
	</body>
	<script src="../jquery.mobile-1.4.5/jquery-1.8.3.min.js"></script>
	<script src="../js/ajax.js"></script>
	<script src="../js/conf.js"></script>
	<script src="../js/circle_detail.js"></script>
	<script>
		$(function(){
			mui.init({
				preloadPages:[{
					id:'message',
					url:'./message.html'
				}]
			});
			var userId;
			mui.plusReady(function() {
				var messagePage = null;
				userId = plus.navigator.getCookie( "id");
				// mui('#msg_list').on('tap',".msg_li",function(e) {
					// var id = this.getAttribute('id');
					// if(!messagePage){
					// 	messagePage = plus.webview.getWebviewById('message');
					// }
					// //触发商品详情页面的pdetailId事件
					// mui.fire(messagePage,'messageId',{
					// 	tosendId:id,
					// 	userId:userId
					// });
					// mui.openWindow({
					// 	id:"message"
					// });
				// });
			});
		});
		
		$("#back").click(function(){
			mui.back();//返回上一级页面
		});
	</script>
</html>